<!DOCTYPE html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test_nav2</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="oppostore/rs/js/slides.min.jquery.js"></script> 
<style type="text/css">

body,ul,li{padding:0;margin:0;list-style-type:none;font-size:14px;}
a{text-decoration:none;color:#000;}
#menu {width:700px;height:100px;margin:10px auto;}
#menu ul li{margin:auto 5px;position:relative;width:120px;height:50px;text-align:center;line-height:50px;float:left;background-color:gainsboro;}
#menu ul li:hover{display:block;background-color:#AD8B8B;color:#FFF;font-size:16px;}
#menu ul li ul{display:none;}
#menu ul li:hover ul{position:absolute;display:block;left:-5px;top:51px;}
#menu ul li:hover ul li{float:none;background-color:#C4C8D1;}
#menu ul li:hover ul li:hover a{display:block;color:#C4C8D1;background-color:#908B8B;font-size:16px;}
#menu ul li:hover ul li ul{display:none;}
#menu ul li:hover ul li:hover ul{display:block;position:absolute;left:115px;top:0;}
#menu ul li:hover ul li:hover ul li:hover a{display:block;color:#FFF;background-color:#C4C0C0;font-size:16px;}

</style>
</head>
<body>
<div id="menu">
 <ul> 
    <li><a href="#">路飞</a>
        <ul>
            <li><a href="#">新建</a></li> 
            <li><a href="#">打开</a>
                <ul>
                    <li><a href="#">文档</a></li>
                    <li><a href="#">图片</a></li>
                    <li><a href="#">视频</a></li>
                    <li><a href="#">音乐</a></li>
                </ul> 
            </li>
            <li><a href="#">保存</a></li>
            <li><a href="#">导入</a></li>
            <li><a href="#">关闭</a></li>
        </ul>
    </li>
  <li><a href="#">卓洛</a>
       <ul>
            <li><a href="#">复制</a></li>
            <li><a href="#">黏贴</a></li>
            <li><a href="#">删除</a></li>
            <li><a href="#">替换</a></li>
            <li><a href="#">打印</a></li>
       </ul>
  </li>
  <li><a href="#">香吉士</a>
       <ul>
            <li><a href="#">图层</a></li>
            <li><a href="#">标尺</a></li>
            <li><a href="#">查找</a></li>
            <li><a href="#">格式</a></li>
            <li><a href="#">图片</a></li>
       </ul>
  </li>
  <li><a href="#">娜美</a>
       <ul>
            <li><a href="#">工具</a>
                 <ul>
                      <li><a href="#">显示</a></li>
                      <li><a href="#">隐藏</a></li>
                      <li><a href="#">增加</a></li>
                      <li><a href="#">删减</a></li>
                 </ul>
            </li>
            <li><a href="#">重置</a></li>
            <li><a href="#">布局</a></li>
            <li><a href="#">数据</a></li>
            <li><a href="#">测试</a></li>
       </ul> 
  </li>
  <li><a href="#">罗宾</a> 
       <ul>
            <li><a href="#">管理</a></li>
            <li><a href="#">添加</a></li>
            <li><a href="#">导出</a></li>
            <li><a href="#">参考</a> 
                 <ul>
                      <li><a href="#">手册</a></li>
                      <li><a href="#">导向</a></li>
                      <li><a href="#">帮助</a></li>
                      <li><a href="#">版本</a></li>
                 </ul>   
            </li>
            <li><a href="#">升级</a></li>
       </ul>  
  </li>
 </ul>
</div>
</body>
</html>